<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/pc端页面初始化.css">
    <link rel="stylesheet" href="./css/register.css">
</head>

<body>
    <!-- 头部引入 -->
    <div class="head"></div>
    <!-- 中间注册信息区 -->
    <div class="contentr">
        <div class="content-re">
            <div class="block">
                <div class="reg">
                    <p>注册</p>
                </div>

                <!-- 手机号验证 -->
                <div class="cont-boby">
                    <div class="form">
                        <div class="form-group">
                            <input type="text" class="form-control" id="mobile" placeholder="请输入手机号" name="username">
                        </div>
                        <div class="form-group">
                            <input type="password" class="form-control" id="passwd" placeholder="请输入密码" name="password">
                        </div>
                        <div class="form-group">
                            <input type="password" class="form-control" id="passwdAgain" placeholder="请确认密码">
                        </div>
                    </div>

                    <!-- 账号登录 -->
                    <a href="./login.html" class="login-btn">账号登录</a>
                    <div class="btn-col">
                        <div class="btn-green" id="register-btn">
                            注册
                        </div>
                    </div>

                    <!-- 用户须知 -->
                    <div class="agreement-col">
                        <input type="checkbox" id="agreement" name="invoice" style="display:none;">
                        <label for="agreement" class="checkboxCol active">
                            <div class="iconfont square">
                                <!-- icon-Rectangle -->
                                <i class="iconfont icon-icon_selected"></i>
                                <!-- icon-icon_selected -->
                            </div>
                            <span>我已阅读并接受《黑鲨服务协议》</span>
                        </label>

                    </div>
                </div>

                <!-- 弹窗 -->
                <div class="flavr-fixer">
                    <div class="flavr-outer">
                        <div class="flavr-content">
                            <p>手机格式不正确</p>
                        </div>
                        <div class="flavr-toolbar inline">
                            <a class="flavr-button active" style="cursor: pointer;">确定</a>
                        </div>
                    </div>
                </div>

            </div>

        </div>


    </div>

    <!-- 尾部 -->
    <div class="foot">
        <div class="foot-content">
            <p>赣公网安备36010602000042 | Copyright © 2017-2018 BlackShark 赣ICP备17012659号. All Rights Reserved.</p>
        </div>
    </div>
</body>

</html>
<script src="./js/jquery-3.2.1.min.js"></script>
<script src="js/reginster.js"></script>
<script>
    $(function() {
        $(".head").load("./import-header.html")
    })
</script>